/*

File:			custom.css

Description:	Custom styles for Your Theme



HOW TO USE THIS FILE:



Override any class you want and it will change default styling to suit your needs.



For example, if you wish to change the default text blog title to grey, you would add the 

following declarations to this file:



	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey



*/

#header .blog-title a{ background:#cccccc } 



body{ background: #f2f2f2 url(images/body-top-bg.png) no-repeat 0 0; background-position:center; background-position:top;}



.header{ background: none;}

.header .menu{ background:url(images/nav-bg.png) no-repeat 0 0;

height:45px;

padding:0 30px; 



}

#wrapper{ width:990px;}



#wrapper .header .logo{ margin: 0;}



#propertysearchoptions .search{ width: 991px;}





.latestproperties ul.home-page-display li{ width: 292px;}



.latestproperties ul.home-page-display li .content_block .product_image{ float: none;}

.latestproperties ul.home-page-display li .content_block  a img { float: none;}

.latestproperties ul.home-page-display li .content{ float: none;}



.latestproperties ul.home-page-display li .property_detail{ width: 290px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding:5px 0; background: #f8f8f8;}

.latestproperties ul.home-page-display li .content p.propertylistinglinks{ width: 290px;}



.contentarea_home{ width: 980px; float: none; clear: both;}



.submitpropertybtn{ background:url(skins/shri/submit-property.gif) no-repeat 0 0;}

.footer-top{ background:url(skins/shri/footer-repeat.gif) repeat-y 0 0; clear: both;}

.realestate-footer-top{ background:url(skins/shri/footer-top_bg.gif) no-repeat 0 0;}

.realestate-footer-bottom{ background:url(skins/shri/footer-bottom-bg.gif) no-repeat 0 100%; padding: 20px; border-right:1px solid #dcdcdc;}

.facebook{ width: 200px; float:left; padding:0 10px;}

.news-letter{ width: 200px; float:left; padding:0 10px; background:url(skins/shri/right-line-border.gif) no-repeat 100% 0%;min-height:196px;}

.footer-contact-us{ width: 205px; float:left; padding:0 15px; background:url(skins/shri/right-line-border.gif) no-repeat 100% 0%; min-height:196px;}

.footer-add{ width: 250px; float:left;}

.realestate-footer-bottom h3{ margin:0 0 20px 0; font-weight:bold;}

.clear{ clear:both;}

.realestate-footer-bottom  input,.realestate-footer-bottom  textarea{ border: 1px solid #dcdcdc;}

#footer-container{ background:#1f1e21; padding: 20px 0 10px 0;}

#footer-wrapper{ margin: 0 auto; width:990px;}

.footer-middle-part{ display:block;}



.footer-logo{ width: 200px; float: left;}

.f-middle-right{ float: right; width:730px;}

.four-column{ width:170px; padding: 5px; float: left;}

.four-column ul{ list-style: none; padding: 10px 0;}

.four-column ul li{ padding:5px 0;  border-bottom: 1px solid #5a5a5c; }

.four-column a{ color:#fff; text-decoration: none;  font-size:13px;}

.four-column h3{ font-weight: bold; color: #fff;}

.footer{ background: none;}

.footer p span.templaticshri{ background: none;padding:8px 0 0 0; line-height:28px;}

.footer p span.templaticshri a{ color:#d2d2d2; text-decoration: none; }





.submitpropertybtn:hover{background:url(skins/shri/submit-property.gif) no-repeat 0 0;}

.submitpropertybtn a,.submitpropertybtn a:hover{ background:url(skins/shri/submit-property-right.gif) no-repeat top right; padding: 10px 40px 3px 0; color:#000; text-shadow:none;}

.footer{ height: 50px; margin:0; clear: both;}

.footer .copyrights, .footer .footerright{ margin: 0;}

#wrapper .header .toplinks{ width:300px; margin: 0}

.toplinks ul{ background:#18181a; 

-moz-border-radius-bottomright:6px;

-moz-border-radius-bottomleft:6px;

border-right: 1px solid #4e4e4f;

border-left: 1px solid #4e4e4f;

border-bottom: 1px solid #4e4e4f;

padding: 5px;

}

#wrapper .header .toplinks ul li.welcome { color:#e9c56d;}



#wrapper .header .toplinks ul li a{ color:#fff;}













/*  inner  single property page */

.contentarea .propertydetails { width: 970px; float: none; background: #f2f2f2;  -moz-border-radius:6px; }

#dhtmlgoodies_slideshow{ width: 500px;}

#previewPane{ width:500px; height: 400px;}

.contentarea .propertydetails_toplinks { height: 68px;}

.shri-top-detail{margin:10px 0 0 0 }

.contentarea .propertydetails  .basicinfo{ float: right; width: 400px; margin-top:0;}

.contentarea .propertydetails .basicinfo h2 { margin: 0 0 0 0;}

.contentarea .additionalfeatures{ display: block; width: 400px; margin: 0 30px 0 0;}

.contentarea .propertymap{ width: 500px;}

.breadcrumbs { width: 990px;}

.contentarea { background: #f2f2f2;-moz-border-radius:6px; margin:20px 0 0 0; padding:10px 10px;}

.widget{ background: none;}



.shri-search-extra{clear: both; margin: 10px 0 20px 0; }

.shri-search-extra ul li { float: left; margin: 0 10px; position:relative;}



.property_detail  #shri-space{ margin:0 35px 0 5px;}

.shri-search-extra .new{ position: absolute; top:-6px; left:-6px;}



.shri-search-extra .propertyaddress{font-weight:bold;}

.shri-search-extra p.address{ border-top: 1px solid #bbbbbb; margin:5px 0 0 0;}

.shri-search-extra a { text-decoration: none;}

.shri-search-extra   .property_detail { background: #fff; border-top: 1px solid #bbbbbb;  border-bottom: 1px solid #bbbbbb; margin: 0 0 10px 0;}

.content .search-middle{ float:none; margin:0 auto;}